<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/comman.css"/>
    <title></title>
</head>
<script type="text/javascript">

    $(function(){
        //判断用户是否登录


        $(".small_nav").css("display","none");
        $(".small_nav1").css("display","none");
        $(".footer ul li").click(function(){
            $(this).addClass("nav_bg");
            $(this).children("span").addClass("nav_color");
            $(".footer ul li").not(this).removeClass("nav_bg");
            $(".footer ul li").not(this).children("span").removeClass("nav_color")
        })

        $(".nav1").click(function(){
            $(".nav1 p").addClass("nav_1");
            $(".nav2 p").removeClass("nav_2");
            $(".nav3 p").removeClass("nav_3");
            $(".nav4 p").removeClass("nav_4");
            $(".nav5 p").removeClass("nav_5");
            $(".small_nav").hide();
            $(".small_nav1").hide();
        });
        $(".nav2").click(function(){
            $(".nav2 p").addClass("nav_2");
            $(".nav1 p").removeClass("nav_1");
            $(".nav3 p").removeClass("nav_3");
            $(".nav4 p").removeClass("nav_4");
            $(".nav5 p").removeClass("nav_5");
            $(".small_nav1").hide();
            $("#small_nav").slideToggle();
        });
        $(".nav3").click(function(){
            $(".nav3 p").addClass("nav_3");
            $(".nav2 p").removeClass("nav_2");
            $(".nav1 p").removeClass("nav_1");
            $(".nav4 p").removeClass("nav_4");
            $(".nav5 p").removeClass("nav_5");
            $(".small_nav").hide();
            $(".small_nav1").hide();
            alert("暂时没有权限")
        });
        $(".nav4").click(function(){
            $(".nav4 p").addClass("nav_4");
            $(".nav2 p").removeClass("nav_2");
            $(".nav3 p").removeClass("nav_3");
            $(".nav1 p").removeClass("nav_1");
            $(".nav5 p").removeClass("nav_5");

            $(".small_nav").hide();
            $("#small_nav1").slideToggle();
        });
        $(".nav5").click(function(){
            $(".nav5 p").addClass("nav_5");
            $(".nav2 p").removeClass("nav_2");
            $(".nav3 p").removeClass("nav_3");
            $(".nav4 p").removeClass("nav_4");
            $(".nav1 p").removeClass("nav_1");
            $(".small_nav").hide();
            $(".small_nav1").hide();
        })
    })
</script>
<body>
<div class="LH"></div>
<div class="footer">
    <ul id="menu">
        <a href="index.html"><li class="nav1"><p></p><span>首页</span></li></a>
        <a><li class="nav2"><p></p><span>品牌活动</span></li></a>
        <div class="small_nav" id="small_nav" >
            <a href="active.html?id=0">月度活动</a>
            <a href="active.html?id=1">季度活动</a>
            <a href="clubacitve.html?id=5">年度活动</a>
            <a href="woamnactive.html">企业家夫人活动</a>

        </div>
        <a href="#"><li class="nav3"><p></p><span>推荐项目</span></li></a>

        <a><li class="nav4"><p></p><span>章程与权益</span></li></a>
        <div class="small_nav1" id="small_nav1" style="display: none;">
            <a href="womandetails.html?id=301">俱乐部章程</a>
            <a href="womandetails.html?id=302">普通会员权益</a>
            <a href="womandetails.html?id=303">VIP会有权益</a>
            <a href="womandetails.html?id=304">理事会会员权益</a>
        </div>
        <a href="gAboutus.html"><li class="nav5"><p></p><span>关于我们</span></li></a>
    </ul>
</div>
</body>
</html>